.user{

  .cover{

    .bg{
      width:100%;
    }

    height: 400rpx;
    overflow: hidden;
    position:relative;

    .avatar{

      position:absolute;
      top:160rpx;
      padding:0 40rpx;
      display: flex;
      align-items: center;
      image,.image{

        flex:none;
        width:80rpx;
        height:80rpx;
        border-radius: 40rpx;
        overflow: hidden;

      }
      .name{

        padding-left:20rpx;
        font-weight:bold;
        font-size:32rpx;
        flex:auto;
      }

      .get-user-info{
        width: auto;
        font-size: 28rpx;
        display: inline-block;
        padding: 0 10rpx;
        color: #333;
        font-weight: normal;
      }

    }
  }

  .data-value{

    display:flex;

    justify-content: space-between;
    margin-top:40rpx;
    .item{

      flex:1;

      line-height:2;
      text-align: center;

      .value{

        font-weight: bold;
        font-size:30rpx;
      }

      .name{

        font-size:22rpx;
        color:rgb(159,159,159);
      }

    }

  }

  .order{

    margin-top:40rpx;
    padding:0 40rpx;
    .header{

      display: flex;
      justify-content: space-between;
      border-bottom:solid 1px rgb(245,246,248);

      align-items: center;
      height:80rpx;
      .title{

        font-size:28rpx;
        font-weight: bold;

      }
      .all{
        font-size:24rpx;
        color:rgb(159,159,159);
        position:relative;
        padding-right:30rpx;
        &:after{
          position:absolute;
          top:11rpx;
          right:0;
          content: "";
          width:10rpx;
          height:10rpx;
          border-bottom: solid 1px rgb(159,159,159);
          border-right: solid 1px rgb(159,159,159);
          transform: rotate(-45deg);
        }
      }
    }
    .category{

      display: flex;
      justify-content: space-between;
      margin:20rpx 0 ;
      .item{

        color:rgb(55,55,55);
        text-align:center;
        line-height:2;
        .icon{

          position:relative;
          image{
            width:40rpx;
            height:40rpx;
          }

          .tips-number{

            position:absolute;
            top:-12rpx;
            right:-8rpx;
            width:24rpx;
            height:24rpx;
            border-radius: 12rpx;
            background-color: #ff4040;
            color:#fff;
            text-align:center;
            line-height:24rpx;
            font-size:22rpx;
          }

        }
        .name{

          font-size:22rpx;

        }
      }
    }
  }

  .menu{

    margin-top:40rpx;
    padding:0 40rpx;
    .item{

      display:flex;
      justify-content: space-between;
      align-items: center;
      border-bottom:solid 1px #eee;
      height:100rpx;

      
      &:last-child{
        border-bottom: none;
      }
      .icon{

        flex:none;
        image{
          width:40rpx;
          height:40rpx;
          position:relative;
          top:2rpx;
        }

      }
      .name{
        flex:auto;
        padding-left: 20rpx;
        .contact{
          text-align: left;
          padding-left: 0;
          margin-left: 0;
          font-weight:normal;
          background:none;
          font-size:32rpx;
        }
      }

      .arrow{

        flex:none;
        border-color: rgb(138,138,138);

      }

    }

  }
}